<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>管理员登录界面</title>
</head>
<body style="background-image: url('/img/shop.jpg')">
<div th:include="back/common/cssjs :: main"></div>

<div class="container" style="margin-top: 10%;">
    <div style="max-width: 400px; margin: 0 auto; padding: 20px;background-color: #a0a7b1;border-radius: 5px">
        <div style="text-align: center;">
            <h3>管理员登录</h3>
        </div>

        <form action="dologin" method="post">
            <div class="form-group">
                <label for="name">账号</label>
                <input name="name" id="name" type="text" placeholder="邮箱/账号/手机号" class="form-control">
            </div>
            <div class="form-group">
                <label for="password">密码</label>
                <input name="password" id="password" type="password" placeholder="密码" class="form-control">
            </div>
            <div class="form-group">
                <label>验证码</label><br>
                <input name="code" placeholder="验证码">
                <img id="kaptcha" th:src="@{/kaptcha.jpg}" style="cursor:pointer"
                     onclick="$('#kaptcha').attr('src', $('#kaptcha').attr('src')+ '?' + Math.random())"
                >
            </div>
            <div th:text="${error}" style="color: red"></div>
            <input type="submit" class="form-control" style="background: limegreen" value="登录">
        </form>
    </div>
</div>
</body>
</html>